<template>
  <div>
      <h2>111{{$store.state.test}}</h2>
      <button @click="fun">点击</button>
      <h2>{{$store.getters.myTest}}</h2>
      <h2>子模块：{{$store.state.user.more}}</h2>
      <!-- vuex 是vue 的状态管理工具 -->
      <!-- 全局共享变量和方法 从而可以跨页面传递参数 -->
      <input type="text" v-model="aaa" @input="title">
      <h2>{{title}}</h2>
  </div>
</template>

<script>
export default {
    data(){
        return{
            aaa:""
        }
    },
    computed:{
        title(){
            let a = this.aaa.length-1;
            let b = this.aaa[0];
            for(let i=0;i<a;i++){
                b+="*"
            }
            return b;
        }
    },
    methods:{
        fun(){
            // console.log(this.$store.state.test);
            // this.$store.commit("方法名","要传的参数")
            // this.$store.commit("SET_TEST","123456")
            // this.$store.commit() 用来调用mutations 上的方法



            // this.$store.dispatch("方法名","要传递的参数") 用来调用 actions 上的方法
            // this.$store.dispatch("timeTest","我是修改的值")

            // this.$store.commit("模块名/方法名","要传递的参数")
            this.$store.commit("user/USER_MORE","要传递的参数")
            this.$store.dispatch("user/timeMore","要传递的参数")





        }
    }
}
</script>

<style>

</style>